<template>
  <div>
    <ul>
      <li v-for="(item,index) in list " :key="index">
        <img :src="item.dogImgUrl" :alt="item.dogName">
        {{item.dogName}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
props:['list']
}
</script>

<style>
*{
  padding: 0;
  margin: 0;
  list-style: none;
}
ul{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
img{
  width: 25%;
  height: 25%;
}
</style>